
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="author" content="Lei Shi">
  <meta http-equiv="Cache-Control" content="o-transform">
  <meta http-equiv="Cache-Control" content="no-siteapp">
  <meta name="csrf-token" content="1483780974##87f89328c5616669f00302a263fe9061bb852818">
	
		
        <title>一对一课程</title>
		
	

    
<meta content="实验楼课程分为基础课和项目课，内容涵盖了Linux、Python、Java、C语言、Ruby、Android、IOS开发、大数据、信息安全等IT技术领域。" name="description">
<meta content="实验楼课程,IT培训课程,IT实训课程,IT在线课程,all" name="keywords">

    <meta content="实验楼,琛石科技" name="author">

	<link rel="shortcut icon" href="../favicon.ico">
	<link rel="stylesheet" href="../static/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/highlight.js/9.8.0/monokai-sublime.min.css">
    <link rel="stylesheet" href="../app/css/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../app/css/libs/katex/0.6.0/katex.min.css">
    <link rel="stylesheet" href="../app/css/libs/videojs/5.11.7/video-js.min.css">
	<link rel="stylesheet" href="../app/css/dest/styles.css?=2016121272249">

	<style>
		@font-face {
			font-family: "lantingxihei";
			src: url("../fonts/FZLTCXHJW.TTF");
		}

        /* modal 模态框*/
        #invite-user .modal-body {
            overflow: hidden;
        }
		#invite-user .modal-body .form-label {
			margin-bottom: 16px;
			font-size:14px;
		}
		#invite-user .modal-body .form-invite {
			width: 80%;
			padding: 6px 12px;
			background-color: #eeeeee;
			border: 1px solid #cccccc;
			border-radius: 5px;
			float: left;
			margin-right: 10px;
		}
		#invite-user .modal-body .msg-modal-style {
			background-color: #7dd383;
			margin-top: 10px;
			padding: 6px 0;
			text-align: center;
			width: 100%;
		}
		#invite-user .modal-body .modal-flash {
			position: absolute;
			top: 53px;
			right: 74px;
			z-index: 999;
		}
		/* end modal */

        .en-footer {
            padding: 30px;
            text-align: center;
            font-size: 14px;
        }
    </style>

    <style>
        /* CSS Document 课程样式*/
        /**************公共样式**************/
        * {
            list-style: none;
            margin: 0;
            padding: 0;
            font-family: "微软雅黑";
        }

        .ansright.spanright.no input[type="radio"],.ansright.spanright.no input[type="checkbox"] {
            border: none
        }

        .exambtn_lore {
            display: block;
            width: 121px;
            height: 30px;
            float:right
        }
        /*****************未登录时登录注册按钮******************/
        .tkbtn {
            display: inline-block;
            width: 60px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            background: url(../img/btn1.png) no-repeat;
            font-size: 14px;
        }

        .tkbtn:link, .tkbtn:visited {
            color: #fff;
            text-decoration: none;
        }
        .tkbtn:hover {
            color: #fff;
            background: url(../img/btn_hover1.png) no-repeat;
        }

        .tkbtn.tklog {
            background-position: 0px 0px;
            float: left;
        }

        .tkbtn.tkreg {
            background-position: -0.87px -44px;
            float: right;
        }
        /*****************END未登录时登录注册按钮END******************/


        /***********登录后头部个人中心弹出框**********/
        #lne {
            position: absolute;
            top:0;
            right: 0px;
            width: 80px;
            z-index:10;
        }

        .logmine {
            min-height:100px;
            background:#333;
            width:60px;
            padding:2px 10px;
            padding-left:20px;
        }

        .logmine li {
            height:30px;
            line-height:30px;
        }

        .logmine .link1 {
            font-weight: normal
        }

        .logmine .link1:link,.logmine .link1:visited {
            color: #fff;
            text-decoration: none
        }

        .logmine .link1:hover {
            color: #ce4949
        }

        .massage {
            float: right;
            font-size: 14px;
            margin-top:0;
            width: 450px;
            position: relative
        }

        #headerUsername {
            width: 80px;
        }
        /***********END登录后头部个人中心弹出框END**********/


        /*搜索框*/
        .select {
            position: relative;
            margin-bottom: 10px;
            display: block;
            height: 29px;
        }

        .select input {
            width: 250px;
            height: 25px;
            line-height: 25px;
            border: 2px solid #FA5C53;
            border-radius: 3px;
            color: #666
        }

        .sellink {
            display: block;
            width: 35px;
            height: 29px;
            background: #DBDBDB;
            border-radius: 0 3px 3px 0;
            position: absolute;
            top: 0;
            right: 0px;
            background: url(../img/ico_detail_item.png) -6px -2065px no-repeat #FA5C53
        }

        .sort {
            position: absolute;
            top: 0;
            left: -48px;
            z-index: 11;
            width: 45px;
            height: 29px;
            background: url(../img/ico_detail_item.png) -35px -810px no-repeat #FA5C53;
            padding-left: 5px;
            line-height: 29px;
            border-radius: 3px 0 0 3px;
        }

        .sort:link,.sort:visited {
            color: #fff;
            text-decoration: none
        }

        .sort:hover {
            background: url(../img/ico_detail_item.png) -35px -810px no-repeat #FF8080
        }

        .sortext {
            display: none;
            width: 100px;
            height: 75px;
            border: 2px solid #FA5C53;
            background: #fff;
            position: absolute;
            left: -45px;
            top: 29px;
        }

        .sortext p {
            color: #FA5C53;
            padding-left: 20px;
            height: 25px;
            line-height: 25px;
            cursor: pointer
        }

        .sortext p:hover {
            background: #FFCECE
        }

        .select input {
            padding-left: 5px;
        }

        a {
            text-decoration: none
        }

        h3 {
            height: 40px;
            line-height: 40px;
        }

        body {
            background: white;
            color: #333
        }

        .head {
            height: 60px;
            background: url(../img/bg.png);
            box-shadow: 0 2px 2px #c5c5c5;
        }

        .clearh {
            clear: both;
            height: 10px;
        }

        .nav {
            width: 1100px;
            margin: 0 auto
        }

        .navimg {
            float: left;
            margin-top: 5px;
        }

        .nag {
            margin-left: 120px;
        }

        .nag li {
            float: left;
            margin-left: 30px;
            margin-top: 20px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 16px;
        }

        .nag li:hover {
            border-bottom: 2px solid #fa5c53;
        }

        .link1 {
            display: block;
            height: 30px;
            font-weight: bold;
            border-radius: 3px
        }

        .link1:link,.link1:visited {
            color: #ec6941;
            text-decoration: none
        }

        .link1:hover {
            color: #D11303
        }

        .current {
            border-bottom: 2px solid #fa5c53;
        }

        .current:link,.current:visited {
            color: #fa5c53;
        }

        .current:hover {
            color: #FFD2D2
        }

        .massage {
            float: right;
            font-size: 14px;
            margin-top: 20px;
            width: 350px;
        }

        .link2 {
            display: block;
            width: 40px;
            float: right;
            line-height: 30px;
            color: #333;
        }

        .link2:link,.link2 visited {
            color: #333;
            text-decoration: none
        }

        .link2:hover {
            color: #666
        }

        .link3:link,.link3:visited {
            color: #fff;
            text-decoration: none
        }

        .link4:link,.link4:visited {
            color: #333;
            text-decoration: none
        }

        .link4:hover {
            color: #fff
        }

        .black {
            font-size: 14px;
        }

        .black:link,.black:visited {
            color: #333;
        }

        .black:hover {
            color: #666;
        }

        .coursecont {
            width: 1100px;
            margin: 0 auto;
            margin-top: 20px;
        }

        .link2.he {
            color: #FA5C53;
            text-align: right;
            margin-left: 10px
        }

        .link2.he.ico {
            background: url(../img/ico_detail_item.png) no-repeat -2px -2285px
        }

        .link2.he:hover {
            color: #D11303
        }
    </style>

	
    
</head>

<body>

<!--<nav class="navbar navbar-default navbar-fixed-top header">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar-collapse" aria-expanded="false">
                <span class="sr-only">超越在线教育平台</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="../index.html">
                <img src="../img/logo_03.png">
            </a>
        </div>
        <div class="collapse navbar-collapse" id="header-navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="">
                    <a href="../labs_index.html">师资力量</a>
                </li>
                <li class="">
                    <a href="../courses/developer_index.html">全部课程</a>
                </li>
                <li class="">
                    <a href="tiku.html">题库</a>
                </li>
                <li class="">
                    <a href="../questions/index.html">书籍</a>
                </li>
                <li class=" bootcamp new-nav logo-1111">
                    <a href="../bootcamp/index.html">校区</a>

                </li>
                <li class=" new-nav logo-1111">
                    <a href="../vip/index.html">系列辅导</a>
                </li>

            </ul>


            <div class="navbar-right btns">
                <a class="btn btn-default navbar-btn sign-in" data-sign="signin" href="#sign-modal" data-toggle="modal">登录</a>
                <a class="btn btn-default navbar-btn sign-up" data-sign="signup" href="#sign-modal" data-toggle="modal">注册</a>
            </div>


            <form class="navbar-form navbar-right" action="search" method="get" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" name="search" autocomplete="off" placeholder="搜索 课程">
                </div>
            </form>
        </div>
    </div>
</nav>-->
<div class="head" id="fixed" style="background-color: #8CA5C5">
    <div class="nav">
        <span class="navimg"><a href="index.html"><img border="0" src="../img/logo.png"></a></span>
        <ul class="nag">
            <li><a href="../labs_index.html" class="link1 current">师资力量</a></li>
            <li><a href="../developer_index.html" class="link1">全部课程</a></li>
            <li><a href="../test_bank/tiku.html" class="link1">题库</a></li>
            <li><a href="../buy_book/booklist.html" class="link1">书籍</a></li>
            <li><a href="askarea.html" class="link1" target="_blank">校区</a></li>
            <li><a href="live_lesson.html" class="link1">系列辅导</a></li>
        </ul>
        <span class="massage">
            <!--<span class="select">
                <a href="#" class="sort">课程</a>
                <input type="text" value="关键字"/>
                <a href="#" class="sellink"></a>
                <span class="sortext">
                    <p>课程</p>
                    <p>题库</p>                <p>讲师</p>
                </span>
            </span>-->
            <!--未登录-->
        	<span class="exambtn_lore">
                 <a class="tkbtn tklog" href="login.html" style="position: relative;bottom: 15px">登录</a>
                 <a class="tkbtn tkreg" href="register.html" style="position: relative;bottom: 15px">注册</a>
            </span>
            <!--登录后-->
            <!--<div class="logined">
                <a href="mycourse.html"  onMouseOver="logmine()" style="width:70px" class="link2 he ico" target="_blank">sherley</a>
                <span id="lne" style="display:none" onMouseOut="logclose()" onMouseOver="logmine()">
                    <span style="background:#fff;">
                        <a href="mycourse.html" style="width:70px; display:block;" class="link2 he ico" target="_blank">sherley</a>
                    </span>
                    <div class="clearh"></div>
                    <ul class="logmine" >
                        <li><a class="link1" href="#">我的课程</a></li>
                        <li><a class="link1" href="#">我的题库</a></li>
                        <li><a class="link1" href="#">我的问答</a></li>
                        <li><a class="link1" href="#">退出</a></li>
                    </ul>
                </span>
            </div>-->

        </span>
    </div>
</div>


<div class="container layout layout-margin-top" style="margin-top: 20px">


    <div class="row">
        <div class="col-md-9 layout-body">

            <div class="content">
                <div class="row course-cates">
                    <div class="col-md-1 course-cates-title">年级：</div>
                    <div class="col-md-11 course-cates-content">
                        <a class="active" href="">全部</a>
                        <a class="" href="">一年级</a>
                        <a class="" href="">二年级</a>
                        <a class="" href="">三年级</a>
                        <a class="" href="">四年级</a>
                        <a class="" href="">五年级</a>
                        <a class="" href="">六年级</a>
                        <a class="" href="">初一</a>
                        <a class="" href="">初二</a>
                        <a class="" href="">初三</a>
                        <a class="" href="">高一</a>
                    </div>
                </div>
                <div class="row course-cates">
                    <div class="col-md-1 course-cates-title">课程：</div>
                    <div class="col-md-11 course-cates-content">
                        <a class="active" href="/courses/?course_type=all&amp;fee=all">全部</a>

                        <a class="" href="">语文</a>

                        <a class="" href="">数学</a>

                        <a class="" href="">生物</a>

                        <a class="" href="">化学</a>

                        <a class="" href="">信息安全</a>

                        <a class="" href="">英语</a>

                        <a class="" href="">政治</a>

                        <a class="" href="">历史</a>

                        <a class="" href="">地理</a>

                        <a class="" href="">物理</a>

                    </div>
                </div>
            </div>
            <div class="content position-relative">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="active"><a href="/courses/?course_type=all&amp;tag=all&amp;fee=all" style="font-size: 25px">课程</a></li>
                </ul>
                <div class="clearfix"></div>
                <div class="courses-sort">
                    <a  href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;order=latest">最新</a>
                </div>
                <div class="search-result"></div>
                <div class="row">


                    <div class="col-md-4 col-sm-6  course">
                        <a class="course-box" href="coursecont.html">
                            <div class="sign-box">

                                <i class="fa fa-star-o course-follow pull-right"
                                   data-follow-url="/courses/63/follow"
                                   data-unfollow-url="/courses/63/unfollow"  style="display:none"  ></i>

                            </div>
                            <div class="course-img">

                                <img alt="一对一初三数学辅导" src="../img/a1.jpg">

                            </div>

                            <div class="course-body">
                                <span class="course-title" data-toggle="tooltip" data-placement="bottom" title="一对一初三数学辅导">一对一初三数学辅导</span>
                            </div>
                            <div class="course-footer">
                            <span class="course-per-num pull-left">
                                <i class="fa fa-users"></i>
                                1234￥
                            </span>
                                <span style="float: right">陈璇</span>
                            </div>
                        </a>
                    </div>


                    <div class="col-md-4 col-sm-6  course">
                        <a class="course-box" href="coursecont.html">
                            <div class="sign-box">

                                <i class="fa fa-star-o course-follow pull-right"
                                   data-follow-url="/courses/63/follow"
                                   data-unfollow-url="/courses/63/unfollow"  style="display:none"  ></i>

                            </div>
                            <div class="course-img">

                                <img alt="一对一初三数学辅导" src="../img/a1.jpg">

                            </div>

                            <div class="course-body">
                                <span class="course-title" data-toggle="tooltip" data-placement="bottom" title="一对一初三数学辅导">一对一初三数学辅导</span>
                            </div>
                            <div class="course-footer">
                            <span class="course-per-num pull-left">
                                <i class="fa fa-users"></i>
                                1234￥
                            </span>
                                <span style="float: right">陈璇</span>
                            </div>
                        </a>
                    </div>


                    <div class="col-md-4 col-sm-6  course">
                        <a class="course-box" href="coursecont.html">
                            <div class="sign-box">

                                <i class="fa fa-star-o course-follow pull-right"
                                   data-follow-url="/courses/63/follow"
                                   data-unfollow-url="/courses/63/unfollow"  style="display:none"  ></i>

                            </div>
                            <div class="course-img">

                                <img alt="一对一初三数学辅导" src="../img/a1.jpg">

                            </div>

                            <div class="course-body">
                                <span class="course-title" data-toggle="tooltip" data-placement="bottom" title="一对一初三数学辅导">一对一初三数学辅导</span>
                            </div>
                            <div class="course-footer">
                            <span class="course-per-num pull-left">
                                <i class="fa fa-users"></i>
                                1234￥
                            </span>
                                <span style="float: right">陈璇</span>
                            </div>
                        </a>
                    </div>


                    <div class="col-md-4 col-sm-6  course">
                        <a class="course-box" href="coursecont.html">
                            <div class="sign-box">

                                <i class="fa fa-star-o course-follow pull-right"
                                   data-follow-url="/courses/63/follow"
                                   data-unfollow-url="/courses/63/unfollow"  style="display:none"  ></i>

                            </div>
                            <div class="course-img">

                                <img alt="一对一初三数学辅导" src="../img/a1.jpg">

                            </div>

                            <div class="course-body">
                                <span class="course-title" data-toggle="tooltip" data-placement="bottom" title="一对一初三数学辅导">一对一初三数学辅导</span>
                            </div>
                            <div class="course-footer">
                            <span class="course-per-num pull-left">
                                <i class="fa fa-users"></i>
                                1234￥
                            </span>
                                <span style="float: right">陈璇</span>
                            </div>
                        </a>
                    </div>


                    <div class="col-md-4 col-sm-6  course">
                        <a class="course-box" href="coursecont.html">
                            <div class="sign-box">

                                <i class="fa fa-star-o course-follow pull-right"
                                   data-follow-url="/courses/63/follow"
                                   data-unfollow-url="/courses/63/unfollow"  style="display:none"  ></i>

                            </div>
                            <div class="course-img">

                                <img alt="一对一初三数学辅导" src="../img/a1.jpg">

                            </div>

                            <div class="course-body">
                                <span class="course-title" data-toggle="tooltip" data-placement="bottom" title="一对一初三数学辅导">一对一初三数学辅导</span>
                            </div>
                            <div class="course-footer">
                            <span class="course-per-num pull-left">
                                <i class="fa fa-users"></i>
                                1234￥
                            </span>
                                <span style="float: right">陈璇</span>
                            </div>
                        </a>
                    </div>


                    <div class="col-md-4 col-sm-6  course">
                        <a class="course-box" href="coursecont.html">
                            <div class="sign-box">

                                <i class="fa fa-star-o course-follow pull-right"
                                   data-follow-url="/courses/63/follow"
                                   data-unfollow-url="/courses/63/unfollow"  style="display:none"  ></i>

                            </div>
                            <div class="course-img">

                                <img alt="一对一初三数学辅导" src="../img/a1.jpg">

                            </div>

                            <div class="course-body">
                                <span class="course-title" data-toggle="tooltip" data-placement="bottom" title="一对一初三数学辅导">一对一初三数学辅导</span>
                            </div>
                            <div class="course-footer">
                            <span class="course-per-num pull-left">
                                <i class="fa fa-users"></i>
                                1234￥
                            </span>
                                <span style="float: right">陈璇</span>
                            </div>
                        </a>
                    </div>


                    <div class="col-md-4 col-sm-6  course">
                        <a class="course-box" href="coursecont.html">
                            <div class="sign-box">

                                <i class="fa fa-star-o course-follow pull-right"
                                   data-follow-url="/courses/63/follow"
                                   data-unfollow-url="/courses/63/unfollow"  style="display:none"  ></i>

                            </div>
                            <div class="course-img">

                                <img alt="一对一初三数学辅导" src="../img/a1.jpg">

                            </div>

                            <div class="course-body">
                                <span class="course-title" data-toggle="tooltip" data-placement="bottom" title="一对一初三数学辅导">一对一初三数学辅导</span>
                            </div>
                            <div class="course-footer">
                            <span class="course-per-num pull-left">
                                <i class="fa fa-users"></i>
                                1234￥
                            </span>
                                <span style="float: right">陈璇</span>
                            </div>
                        </a>
                    </div>


                    <div class="col-md-4 col-sm-6  course">
                        <a class="course-box" href="coursecont.html">
                            <div class="sign-box">

                                <i class="fa fa-star-o course-follow pull-right"
                                   data-follow-url="/courses/63/follow"
                                   data-unfollow-url="/courses/63/unfollow"  style="display:none"  ></i>

                            </div>
                            <div class="course-img">

                                <img alt="一对一初三数学辅导" src="../img/a1.jpg">

                            </div>

                            <div class="course-body">
                                <span class="course-title" data-toggle="tooltip" data-placement="bottom" title="一对一初三数学辅导">一对一初三数学辅导</span>
                            </div>
                            <div class="course-footer">
                            <span class="course-per-num pull-left">
                                <i class="fa fa-users"></i>
                                1234￥
                            </span>
                                <span style="float: right">陈璇</span>
                            </div>
                        </a>
                    </div>


                    <div class="col-md-4 col-sm-6  course">
                        <a class="course-box" href="coursecont.html">
                            <div class="sign-box">

                                <i class="fa fa-star-o course-follow pull-right"
                                   data-follow-url="/courses/63/follow"
                                   data-unfollow-url="/courses/63/unfollow"  style="display:none"  ></i>

                            </div>
                            <div class="course-img">

                                <img alt="一对一初三数学辅导" src="../img/a1.jpg">

                            </div>

                            <div class="course-body">
                                <span class="course-title" data-toggle="tooltip" data-placement="bottom" title="一对一初三数学辅导">一对一初三数学辅导</span>
                            </div>
                            <div class="course-footer">
                            <span class="course-per-num pull-left">
                                <i class="fa fa-users"></i>
                                1234￥
                            </span>
                                <span style="float: right">陈璇</span>
                            </div>
                        </a>
                    </div>


                    <div class="col-md-4 col-sm-6  course">
                        <a class="course-box" href="coursecont.html">
                            <div class="sign-box">

                                <i class="fa fa-star-o course-follow pull-right"
                                   data-follow-url="/courses/63/follow"
                                   data-unfollow-url="/courses/63/unfollow"  style="display:none"  ></i>

                            </div>
                            <div class="course-img">

                                <img alt="一对一初三数学辅导" src="../img/a1.jpg">

                            </div>

                            <div class="course-body">
                                <span class="course-title" data-toggle="tooltip" data-placement="bottom" title="一对一初三数学辅导">一对一初三数学辅导</span>
                            </div>
                            <div class="course-footer">
                            <span class="course-per-num pull-left">
                                <i class="fa fa-users"></i>
                                1234￥
                            </span>
                                <span style="float: right">陈璇</span>
                            </div>
                        </a>
                    </div>


                </div>


                <nav class="pagination-container">
                    <ul class="pagination">

                        <li class="disabled">
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">上一页</span>
                            </a>
                        </li>



                        <li class="active">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=1">1</a>
                        </li>



                        <li class="">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=2">2</a>
                        </li>



                        <li class="">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=3">3</a>
                        </li>



                        <li class="">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=4">4</a>
                        </li>



                        <li class="">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=5">5</a>
                        </li>



                        <li>
                            <a href='#'>...</a>
                        </li>



                        <li class="">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=24">24</a>
                        </li>



                        <li class="">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=25">25</a>
                        </li>



                        <li class="">
                            <a aria-label="Next" href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=2">
                                <span aria-hidden="true">下一页</span>
                            </a>
                        </li>

                    </ul>
                </nav>


            </div>

        </div>

        <div class="col-md-3 layout-side">


            <div class="panel panel-default panel-userinfo">
                <div class="panel-body body-userinfo">
                    <div class="media userinfo-header">
                        <div class="media-left">
                            <div class="user-avatar">

                                <a class="avatar" href="#sign-modal" data-toggle="modal" data-sign="signin">
                                    <img class="circle" src="../img/logo-grey.png">
                                </a>

                            </div>
                        </div>
                        <div class="media-body">

                            <span class="media-heading username">欢迎来到超越教育</span>
                            <p class="vip-remain">课外辅导，来超越</p>

                        </div>
                    </div>

                    <div class="row userinfo-data">

                        <hr>
                        <div class="btn-group-lr">
                            <a href="#sign-modal" type="button" class="btn btn-success col-md-5 col-xs-6 login-btn" data-toggle="modal" data-sign="signin">登录</a>
                            <a href="#sign-modal" type="button" class="btn btn-success col-md-5 col-xs-6 col-md-offset-1 register-btn" data-toggle="modal" data-sign="signup">注册</a>
                        </div>

                    </div>

                </div>
            </div>


            <div class="sidebox">

                <div class="sidebox-header">
                    <h4 class="sidebox-title">最热直播</h4>
                </div>
                <div class="sidebox-body course-content side-list-body">
                    <a href="tiku.html"><img style="width:25px;height:25px" src="../img/1471513769430.png"> 一对一辅导高三数学</a>
                    <a href="tiku.html"><img style="width:25px;height:25px" src="../img/1471513769430.png"> 一对一辅导高三数学</a>
                    <a href="tiku.html"><img style="width:25px;height:25px" src="../img/1471513769430.png"> 一对一辅导高三数学</a>
                    <a href="tiku.html"><img style="width:25px;height:25px" src="../img/1471513769430.png"> 一对一辅导高三数学</a>
                    <a href="tiku.html"><img style="width:25px;height:25px" src="../img/1471513769430.png"> 一对一辅导高三数学</a>
                </div>

            </div>

            <div class="side-image side-qrcode">
                <img src="../img/ShiyanlouQRCode.png">
                <div class="side-image-text">下载app</div>
            </div>

        </div>
    </div>
</div>


<div class="modal fade" id="invite-user" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">邀请好友，双方都可获赠实验豆！</h4>
            </div>
            <div class="modal-body">

                <p><h4><a href="#sign-modal" data-toggle="modal" data-sign="signin">登录</a>后邀请好友注册，您和好友将分别获赠3个实验豆！</h4></p>

                <div id="msg-modal"></div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="flash-message" tabindex="-1" role="dialog">
    <div class="modal-dialog" rolw="document">
    </div>
</div>
<div class="modal fade" id="modal-message" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">注意</h4>
            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary confirm" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>
    

		
	

    <div class="modal fade" id="sign-modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <button type="button" class="close-modal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <div class="modal-body">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active">
                        <a href="#signin-form" aria-controls="signin-form" role="tab" data-toggle="tab">登录</a>
                    </li>
                    <li role="presentation">
                        <a href="#signup-form" aria-controls="signup-form" role="tab" data-toggle="tab">注册</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="signin-form">
                        <form action="/login" method="post">
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-addon">
                                        <i class="fa fa-envelope" style="margin:0;"></i>
                                    </div>
                                    <input type="email" name="login" class="form-control" placeholder="请输入邮箱">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-addon">
                                        <i class="fa fa-lock" style="margin:0;"></i>
                                    </div>
                                    <input type="password" name="password" class="form-control" placeholder="请输入密码">
                                </div>
                            </div>
                            <div class="form-inline verify-code-item" style="display:none;">
                                <div class="form-group">
                                    <div class="input-group">
                                        <input type="text" name="captcha_v" class="form-control" placeholder="请输入验证码">
                                    </div>
                                </div>
                                <img class="verify-code" src="" source="https://www.shiyanlou.com/captcha.gif">
                            </div>
                            <div class="form-group remember-login">
                                <input name="remember" type="checkbox" value="y"> 下次自动登录
                                <a class="pull-right" href="../reset_password/index.html">忘记密码？</a>
                            </div>
                            <div class="form-group">
                                <input class="btn btn-primary" name="submit" type="submit" value="进入实验楼">
                            </div>
                            <div class="form-group widget-signin">
                                <span>快速登录</span>
                                <a href="/auth/qq?next="><i class="fa fa-qq"></i></a>
                                <a href="/auth/weibo?next="><i class="fa fa-weibo"></i></a>
                                <a href="/auth/weixin?next="><i class="fa fa-weixin"></i></a>
                                <a href="/auth/github?next="><i class="fa fa-github"></i></a>
                                <a href="/auth/renren?next="><i class="fa fa-renren"></i></a>
                            </div>
                            <div class="form-group error-msg">
                                <div class="alert alert-danger" role="alert"></div>
                            </div>
                        </form>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="signup-form">
                        <form action="/register" method="post">
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-addon">
                                        <i class="fa fa-envelope" style="margin:0;"></i>
                                    </div>
                                    <input type="email" name="email" class="form-control" placeholder="请输入邮箱">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-addon">
                                        <i class="fa fa-lock" style="margin:0;"></i>
                                    </div>
                                    <input type="password" name="password" class="form-control" placeholder="请输入密码">
                                </div>
                            </div>
                            <div class="form-inline">
                                <div class="form-group">
                                    <div class="input-group">
                                        <input type="text" name="captcha_v" class="form-control" placeholder="请输入验证码">
                                    </div>
                                </div>
                                <img class="verify-code" src="" source="https://www.shiyanlou.com/captcha.gif">
                            </div>
                            <div class="form-group">
                                <input class="btn btn-primary" name="submit" type="submit" value="注册">
                            </div>
                            <div class="form-group agree-privacy">
                                注册表示您已经同意我们的<a href="../privacy_index.html" target="_blank">隐私条款</a>
                            </div>
                            <div class="form-group widget-signup">
                                <span>快速注册</span>
                                <a href="/auth/qq?next="><i class="fa fa-qq"></i></a>
                                <a href="/auth/weibo?next="><i class="fa fa-weibo"></i></a>
                                <a href="/auth/weixin?next="><i class="fa fa-weixin"></i></a>
                                <a href="/auth/github?next="><i class="fa fa-github"></i></a>
                                <a href="/auth/renren?next="><i class="fa fa-renren"></i></a>
                            </div>
                            <div class="form-group error-msg">
                                <div class="alert alert-danger" role="alert"></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


    <div id="base-data"
        
        
            data-flash="false"
            
        
        
        data-is-login=false
        
        data-is-jwt=true
        data-socket-url="wss://comet.shiyanlou.com"
        data-msg-user=""
        data-msg-system=""
    ></div>

    <script src="../app/dest/lib/lib.js?=2016121272249"></script>
    <script src="../static/jquery/2.2.4/jquery.min.js"></script>
    <script src="../static/ace/1.2.5/ace.js"></script>
    <script src="../static/aliyun/aliyun-oss-sdk-4.3.0.min.js"></script>
    <script src="../static/highlight.js/9.8.0/highlight.min.js"></script>
    <script src="../static/jspdf/1.2.61/jspdf.min.js"></script>
    <script src="../static/plupload/2.1.9/js/plupload.full.min.js"></script>
    <script src="../static/zeroclipboard/2.2.0/ZeroClipboard.min.js"></script>
    <script src="../static/videojs/video.min.js"></script>
    <script src="../static/bootstrap-tour/0.11.0/js/bootstrap-tour.min.js"></script>
    <script src="../static/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
    <script src="../static/bootstrap-table/1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="../static/bootstrap-table/1.11.0/extensions/filter-control/bootstrap-table-filter-control.min.js"></script>

    <script src="../static/ravenjs/3.7.0/raven.min.js"></script>
    <script>
        Raven.config('https://bc3878b7ed0a4468a65390bd79e6e73f@sentry.shiyanlou.com/5', {
            release: '3.12.13'
        }).install();
    </script>

    




<div id="jinja-data"
    data-loginurl="/login"
    data-private-course-url="/courses/join"
    data-site-type="0"
    
></div>

<script src="../app/dest/course/index.js?=2016121272249"></script>


	
        
            
            
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4 clearfix footer-col">
                <img src="../img/logo_03.png">
                <div class="footer-slogan">动手做实验，轻松学编程</div>
                <div class="col-xs-2">
                    <div class="social-item footer-weixin-item">
                        <i class="fa fa-weixin"></i>
                        <div class="footer-weixin">
                            <img src="../img/footer-weixin.png">
                        </div>
                    </div>
                </div>
                <div class="col-xs-2">
                    <div class="social-item footer-qq-item">
                        <i class="fa fa-qq"></i>
                    </div>
                </div>
                <div class="col-xs-2">
                    <div class="social-item footer-weibo-item">
                        <a href="http://weibo.com/shiyanlou2013" target="_blank">
                            <i class="fa fa-weibo"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2 footer-col">
                <div class="col-title">公司</div>
                <a href="../aboutus/index.html" target="_blank">关于我们</a><br>
                <a href="../contact/index.html" target="_blank">联系我们</a><br>
                <a href="http://www.simplecloud.cn/jobs.html" target="_blank">加入我们</a><br>
                <a href="https://blog.shiyanlou.com" target="_blank">技术博客</a><br>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2 footer-col">
                <div class="col-title">合作</div>
                <a href="../contribute/index.html" target="_blank">我要投稿</a><br>
                <a href="../labs_index.html" target="_blank">教师合作</a><br>
                <a href="../edu_index.html" target="_blank">高校合作</a><br>
                <a href="../friends/index.html" target="_blank">友情链接</a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2 footer-col">
                <div class="col-title">服务</div>
                <a href="../bootcamp/index.html" target="_blank">实战训练营</a><br>
                <a href="../vip/index.html" target="_blank">会员服务</a><br>
                <a href="../courses/reports/index.html" target="_blank">实验报告</a><br>
                <a href="../questions/index.html?tag=%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98" target="_blank">常见问题</a><br>
                <a href="../privacy_index.html" target="_blank">隐私条款</a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2 footer-col">
                <div class="col-title">学习路径</div>
                <a href="../paths/python/index.html" target="_blank">Python学习路径</a><br>
                <a href="../paths/linuxdev/index.html" target="_blank">Linux学习路径</a><br>
                <a href="../paths/bigdata/index.html" target="_blank">大数据学习路径</a><br>
                <a href="../paths/java/index.html" target="_blank">Java学习路径</a><br>
                <a href="../paths/php/index.html" target="_blank">PHP学习路径</a><br>
                <a href="../paths_index.html" , target="_blank">全部</a>
            </div>
        </div>
    </div>
    <div class="text-center copyright">
        <span>Copyright @2013-2016 实验楼在线教育</span>
        <span class="ver-line"> | </span>
        <a href="http://www.miibeian.gov.cn/" target="_blank">蜀ICP备13019762号</a>
        <script type="text/javascript">
            var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
            document.write(unescape("%3Cspan id='cnzz_stat_icon_5902315'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "v1.cnzz.com/stat.php%3Fid%3D5902315' type='text/javascript'%3E%3C/script%3E"));
        </script>
        <script>
            var _hmt = _hmt || [];
            (function() {
             var hm = document.createElement("script");
             hm.src = "//hm.baidu.com/hm.js?6eb47a3aeda6ea31fa53985fdfdc78e8";
             var s = document.getElementsByTagName("script")[0];
             s.parentNode.insertBefore(hm, s);
             })();
        </script>
        <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
         (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
         m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
         })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-89338452-1', 'auto');
        ga('send', 'pageview');
        </script>
    </div>
</div>

            
        
	
</body>
</html>
